import Vue from 'vue'
import VueRouter from 'vue-router'

// 目标1: 通过路由实现登录注册组件的切换
// 1.1 创建两个组件: views/Reg/Reg.vue  views/Login/Login.vue
// 1.2 在router /index.js 中进行路由器配置
// 1.3 在 App.vue 中使用 router-view 组件站位

// 导入登录和注册组件
//          常规写法
// import Reg from '../views/Reg/Reg.vue'
// import Login from '../views/Login/Login.vue'

// 在js中 写@符号都会被解析成src的绝对路径
import Reg from '@/views/Reg/Reg.vue'
import Login from '@/views/Login/Login.vue'

Vue.use(VueRouter)
// 声明路由规则
const routes = [
  { path: '/reg', name: 'Reg', component: Reg },
  { path: '/login', name: 'Login', component: Login }
]

const router = new VueRouter({
  routes
})

export default router
